Estoy escribiendo un script de usuario y, lamentablemente, el sitio web usa Angular JS, que no conozco.
Hay código:
<form class="form ng-pristine ng-valid ng-valid-maxlength" name="$ctrl.actionableForm.form" _lpchecked="1"> <input type="text" maxlength="254" placeholder="" data-ng-attr-id="text-field-{{:: $ctrl.widget.header.id }}" data-ng-model="$ctrl.fieldValue.value" data-ng-change="$ctrl.updateFormFieldValue()" data-ng-blur="$ctrl.onBlur()" data-ng-focus="$ctrl.updateFormFieldValue()" data-ng-readonly="$ctrl.isReadOnly()" data-ng-trim="false" data-ng-keyup="$ctrl.handleKeyup($event)" class="form-control text-field-input ng-pristine ng-untouched ng-valid ng-not-empty ng-valid-maxlength focus-visible" id="text-field-qYMHEJMncH0S-ogeOc5CTw" data-focus-visible-added="">Quiero cambiar el valor de esa entrada programáticamente, como:
document.querySelector('[id^="text-field-"]').value = 'My new value';Pero no funciona porque no activa data-ng-change="$ctrl.updateFormFieldValue()", por lo que el nuevo valor no se guarda.
por favor como puedo hacerlo
Si alguien buscará lo mismo, lo resolví de esta manera:
const myField = document.querySelector('[id^="text-field-"]'); myField.value = 'My new value'; angular.element(myField).trigger('change');